<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
        <title>PlaceNDate</title>
        <link rel="shortcut icon" href="images/favicon.ico" >

        <!--CSS -->
        <link href="stylesheets/styles.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/screen.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/print.css" type="text/css" rel="stylesheet" media="print"/>   
        <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
        <link href="stylesheets/superfish.css" type="text/css" rel="stylesheet" media="screen, projection"/>
        <link href="stylesheets/jquery-ui-1.8.14.custom.css" type="text/css" rel="stylesheet" media="screen, projection"/>

        <!-- FUNCIONES JAVASCRIPT -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
        <!--    <script src="javascripts/jquery-1.4.2.min.js" type="text/javascript"></script>-->
        <script src="http://maps.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
        <script src="javascripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
        <!--    <script type="text/javascript">
                $(document).ready(function() {
                    
                    $(".signin").click(function(e) {          
                        e.preventDefault();
                        $("fieldset#signin_menu").toggle();
                        $(".signin").toggleClass("menu-open");
                    });
                    
                    $("fieldset#signin_menu").mouseup(function() {
                        return false
                    });
                    $(document).mouseup(function(e) {
                        if($(e.target).parent("a.signin").length==0) {
                            $(".signin").removeClass("menu-open");
                            $("fieldset#signin_menu").hide();
                        }
                    });			
                    
                });
            </script>-->


        <script src="javascripts/init.js" type="text/javascript"></script>
        <script src="javascripts/cookies.js" type="text/javascript"></script>
        <script src="javascripts/login.js" type="text/javascript"></script>
        <script src="javascripts/cargoMapa.js" type="text/javascript"></script>


        <script src="javascripts/hoverIntent.js" type="text/javascript"></script>
        <script src="javascripts/superfish.js" type="text/javascript"></script>
        <!--        <script type="text/javascript">
                    // initialise plugins
                    jQuery(function(){
                        jQuery('ul.sf-menu').superfish();
                    });
                            
                </script>-->

    </head>
    <body onload="init()">
        <div id="fondocabecera">
            <div class="container">
                <a id="logo" class="cabecera span-12" href="index.html">
                    <img src="images/logo.png">
                </a>      
                <ul id="buttons" class="cabecera botones span-24 sf-menu" style="display: none;">

                    <li id="inicioB" class="current span-6 last">
                        <a href="index.html">Inicio</a>
                    </li>
                    <li id="marcadorB" class="span-6 last">
                        <a href="crearMarcador.html">Crear Evento</a>
                    </li>
                    <li id="gruposB" class="span-6 last">
                        <a href="grupos.html">Mis grupos</a>
                    </li>
                    <li id="usB" class="span-6 last">
                        <a href="sobreNosotros.html">ProyectoJAU</a>
                    </li>

                </ul>
                <div id="topnav" class="cabecera login span-12 last" style="display: none;">
                    <a id="register" title="Registro" href="registro.html" style="text-decoration: none">
                        <span>
                            Regístrame
                        </span>
                    </a>
                    <a href="login" class="signin">
                        <span>
                            Login
                        </span>
                    </a>
                </div>
                <div id="user" class="cabecera span-12 last" style="display: none;">
                    <a id="name" href="infoPersonal.html">

                    </a>
                    <button id="logout" onclick="logout()">
                        <img alt="SALIR" src=
                             "./images/salir.jpg" />                         
                        Logout
                    </button>
                </div>

                <form method="post" id="signin" class="logmenu span-12 last" name="signin" action="">
                    <fieldset id="signin_menu">

                        <p>
                            <label for="username">Email</label>
                            <input id="username" name="username" value="" title="username" tabindex="4" type="text"/>
                        </p>
                        <p>
                            <label for="password">Contraseña</label>
                            <input id="password" name="password" value="" title="password" tabindex="5" type="password"/>
                        </p>

                        <div id="loginResult"></div>

                        <button type="submit" class="button positive">
                            <img alt="ok" src="./images/tick.png" /> 
                            Login
                        </button>

                        <p class="remember">

                            <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox">
                            <label for="remember">Recuérdame</label>
                        </p>
                        <p class="forgot"> <a href="#" id="resend_password_link">¿Has olvidado tu contraseña?</a> </p>
                        <p class="forgot-username"> <A id=forgot_username_link 
                                                       title="If you remember your password, try logging in with your email" 
                                                       href="#">¿Has olvidado tu nombre de usuario?</A> </p>
                    </fieldset>   
                </form>

            </div>
        </div>
        <br />
        <div id="contenido">
            <div class="container">
                <div id="menuizquierda" class="span-12">



                    <fieldset style="border: none"> 



                        <input id="ciudad" type="text" value="Granada" style="width: 60%; float: left; margin-top: 10px"/> 

                        <button onclick="codeAddress()" style="float: right">
                            <img src="./images/ir.jpg" width=50 height=100 alt=""/>
                            Ir
                        </button>

                        <button onclick="showEvent()" style="width: 100%; float: inherit">
                            <img src="./images/iconoPequenio.jpg" width=50 height=100  alt=""/>
                            Ver Eventos
                        </button>

                        <button onclick="hideEvent()" style="width: 100%; float: inherit" >
                            <img src="./images/ocultarEventos.jpg" width=50 height=100 alt=""/>
                            Ocultar Eventos
                        </button>
                        
                        
                                                        
                    
                    
                    
                    <div id="amount" style="color:green; font-weight:bold; text-align: center; float: inherit"> </div>
                    <div id="slider-range">
                        
                    </div>
                    </fieldset>
                    <div id="con">
                        
                    </div>

                </div>

                <div id="mapa" class="span-36 last">
                </div>
            </div>
        </div>
        <br>
        <div id="pie">
            <div class="container">
                <div id="contenidopie" class="">
                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
                        <img alt="Licencia Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" />
                    </a>
                    <br />
                    Este trabajo está bajo una <a rel="license" target="blank" href="http://creativecommons.org/licenses/by-sa/3.0/">licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported
                    </a>.
                </div>
            </div>
        </div>
    </body>
</html>